<form action="/user/action/create?store_id=<?php echo $_GET['store_id']?>" method='post' id='form'>
<div class='_line'></div>
<div  style='text-align:center'>
<div id='_ss_img' style='min-height: 200px'>
<img src="<?php echo $face['image'] ?>"  style="border:1px;border-color:black;width:100%;" id="ss_img"  alt='自拍照'/>
</div>
<input type='hidden' name='image' value='' id='ss'>
<iframe id='imgs' src="<?php echo "http://".IMAGE_DOMAIN; ?>/index.php?id=ss&type=1" frameborder="no" border="0" scrolling='no' ></iframe>     
</div>
<div class='_line'></div>

    <div class='box'><input style='width:100%;height:4rem;' type='text' value='' id='name' name='name' placeholder='请输入姓名'/></div>
    <div class='box' style='margin-top:1rem'>
        <span style='width:100%;height:4rem;border:1px solid #999;font-size:2rem' >&nbsp;&nbsp;<input type='radio'  value='0' checked='checked'  name='sex'/>&nbsp;男神&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span style='width:100%;height:4rem;font-size:2rem;border:1px solid #999;'>&nbsp;&nbsp;<input type='radio'  value='1' name='sex'/>&nbsp;女神&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </div>
    <div class="box" style='margin-top:1rem'>
        <input style="width:100%;height:4rem" type="text" value="" id="mobile" name='mobile' placeholder="请填写手机号"/>
    </div>
    <p>PS:手机号码将用于活动奖励发放通知,请正确填写~~</p>
    <div class="box"style="margin-top:1rem; ">
        <input type='hidden' name='action_id' value="<?php echo $action['id'] ?>">
        <input  type="text" value="" name="code" style="height:4rem;"  placeholder="请输入验证码" id="code"/>&nbsp;&nbsp;&nbsp;&nbsp;
        <button type="button"  class="btn btn-primary" style="height:4rem;" id="subcode" >点击获取验证码</button> 
    </div>
</form>
<div class='_line'></div>
<div class="box" style="text-align: center;">
    <button class="btn btn-primary btn-lg" id="_submit" type="button"  style="width:100%;background-color:#FF79BC;border-color:white">查看称号</button>
</div>
<div id='intro'>
<div class='_cut'></div> 
    <span>活动规则：</span>
    <div>1.上传一张本人自拍或者写真照片</div>
    <div>2.上传完成后平台随机给照片评分,作为基础分数</div>
    <div>3.活动期间内,将活动页面分享至朋友圈,邀请朋友来点亮红心</div>
    <div>4活动结束后，基础分+好友助力分数=最终得分</div>
    <div>5.根据最终分数的分值获得不同等级的奖励</div>
    <div>6.本店保留本次活动的最终解释</div>  
</div>
<div class='_line'></div>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    var _mobile = /^(((1[1-9]{1}[0-9]{1})|(15[0-9]{1}))+\d{8})$/
     $("#_submit").click(function(){
            document.getElementsByTagName('body')[0].scrollTop=document.getElementsByTagName('body')[0].scrollHeight;
            var mobile = $("#mobile").val();
            if(!_mobile.test(mobile)){
                alert('请先填写手机号');
                return false;
            }
            if(!_mobile.test(mobile)){
                alert('请先填写手机号');
                return false;
            }
            var name = $("#name").val();
            if(name.length<0){
                alert('请填写姓名');
                return false;
            }
            var code = $("#code").val();
            if(code<1){
                alert('请输入验证码');
                return false;
            }
            $("#form").submit();
           
        });
           
</script>
<script type="text/javascript">
    <?php if($weixin == true){?>
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<?php echo WEIXIN_PAY_APP_ID;?>', // 必填，公众号的唯一标识
        timestamp: <?php echo $data["timestamp"];?>, // 必填，生成签名的时间戳
        nonceStr: '<?php echo $data["noncestr"];?>', // 必填，生成签名的随机串
        signature: '<?php echo $data["sign"];?>',// 必填，签名，见附录1
        jsApiList: ["chooseImage",  "uploadImage", "downloadImage"] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
        wx.ready(function () {
            wx.onMenuShareTimeline({
            title: '<?php echo $face["name"] ;?>', // 分享标题
            link: '<?php echo $data["url"];?>', // 分享链接
            imgUrl: '<?php echo "http://".MAIN_DOMAIN.$face["image"];?>', // 分享图标
            success: function () { 
                

            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数

            }
        });
        wx.onMenuShareAppMessage({
            title: '<?php echo $face["name"];?>', // 分享标题
            desc: '<?php echo $face["intro"];?>', // 分享描述
            link: '<?php echo $data["url"];?>', // 分享链接
            imgUrl: '<?php echo "http://".MAIN_DOMAIN.$face["image"];?>', // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () { 
                // 用户确认分享后执行的回调函数

            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数

            }
        });
        
    });
    

<?php } ?>
</script>
<script type="text/javascript">
   $(document).ready(function()
    {
        $("#subcode").click(function(){
            href();
        });
    })
   
    function href() {
        var mobile = $("#mobile").val();
        $.ajax({url: "/user/passport/code?store_id=<?php echo (int)$_GET['store_id'];?>&mobile="+mobile, async: true, success: function (msg) {
                if (msg != 'true') {
                    alert(msg);
                    return false;
                }
                $("#subcode").text('60');
                $("#subcode").attr('disabled', 'disabled');
                var t = setInterval(function () {
                    var m = $("#subcode").text();
                    var str = parseInt(m) - 1;
                    if (str <= 0) {
                        str = '获取验证码';
                        $("#subcode").removeAttr('disabled');
                        clearInterval(t);
                    }
                    $("#subcode").text(str);
                }, 1000);
            }
        });
    }
</script>

